.wellgo-container { width: 940px; margin: 0 auto; position: relative;}

h2.pagename { margin-left: 10px; }


#trashcan {
    display:block;
    width:200px;
    height:200px;
    position:absolute;
    bottom:-90px;
    right:0px;
    z-index:2000;
/*    border:1px solid black;*/
}


.instructions {
    font-size:140%;    
    background-color:yellow;
    color:black;
    width:300px;
    padding:5px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 5px 5px 10px #222222; /* Firefox 3.6 and earlier */
    box-shadow: 5px 5px 10px #222222;
    z-index:2000;
}

#general-instructions {
    position:absolute;
    top:-50px;
    left:30%;
}

#select-instructions {
    position:fixed;
    top:520px;
    left:400px;
}

#copy-instructions {
    position:absolute;
    top:30px;
    right:0px;
}

#trash-instructions {
    position:fixed;
    top:650px;
    left:180px;
}

#analyze-instructions {
    position:fixed;
    top:590px;
    left:30px;
}


td{
    width:26px;
    height:60px;
    border-bottom:1px solid #ccc;
    vertical-align:top;
}
.right-edge{
    border-right:1px solid #ccc;
}
.left-edge{
    border-left:1px solid #ccc;
}

td.hour{
	width:55px;
	background-color: #eee;
	background-image:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	vertical-align:text-top;
        border-left: 1px solid #ccc;
        border-top: 1px solid #ccc;
}

#content{
    float: left; 
}

#calendar{
    display:block;
    float: left;
    width: 620px;
    margin-bottom: 100px;
    margin-left: 320px;
}

thead{
	width:100%;
	height:30px;
	display:block;
}

thead tr.header th{
    width:80px;
    height:30px;
    min-height:30px;
    background-color:#eee;
    border-left:none;
    border-right:none;/*1px solid #fc0;*/
    background-image:none;
    font-weight:bold;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.header { border-right: 1px solid #ccc; border-left: 1px solid #ccc;}

thead tr.header th.hour{
	width:54px;
}

tbody{
	width:616px;
	display:block;
	overflow:auto;
}

/* Selection Menu: */

#selection{
    background-image:url(/static/images/trash_empty.png);
    background-repeat: no-repeat;
    background-position:right bottom;
    float:left;
    width:315px;
    display:block;
    font-weight:bold;
    background-color:#eee;
    border: 1px solid #ccc;
    position: fixed;
}

#spiritual {
    color: #f20;
}
#class {
    color: yellow;
}
#studying {
    color: #060;
}
#work {
    color:#0f0;
}
#exercising {
    color:#0000FF;
}
#socializing {
    color:#333;
}
#drinking {
    color:#8B4513;
}
#miscellaneous {
    color:#757575;
}


#selection ul{
    color:#000000;
    list-style:none;
}

span.activity {
    cursor:pointer;
    font-size:125%;
    padding:0 5px 0 5px;
}

#choices {
    float:left;
}
#choices ul { padding: 0;}

#blocks {
    float:left;
}

#blocks .block_15{
	background-image:url(../images/block_red.jpg);
	display:block;
	width:26px;
	height:15px;}
#blocks .block_30{
	background-image:url(../images/block_red.jpg);
	display:block;
	width:26px;
	height:30px;}
#blocks .block_60{
	background-image:url(../images/block_red.jpg);
	display:block;
	width:26px;
	height:60px;}
/*
#blocks .trash{
	background-image:url(../images/trash_empty.png);
	display:block;
	width: 72px;
	height:72px;
}
*/


#save {
    background-color: hsl(199, 100%, 29%) !important;
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00aaf9", endColorstr="#006593");
    background-image: -khtml-gradient(linear, left top, left bottom, from(#00aaf9), to(#006593));
    background-image: -moz-linear-gradient(top, #00aaf9, #006593);
    background-image: -ms-linear-gradient(top, #00aaf9, #006593);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00aaf9), color-stop(100%, #006593));
    background-image: -webkit-linear-gradient(top, #00aaf9, #006593);
    background-image: -o-linear-gradient(top, #00aaf9, #006593);
    background-image: linear-gradient(#00aaf9, #006593);
    border-color: #006593 #006593 hsl(199, 100%, 24%);
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
    -webkit-font-smoothing: antialiased;
    -moz-border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 9px 14px 9px;
    margin-left: 20px;
    width: 150px;
    font-size: 1.15em;
}
#save:hover {
    background-position: 0 -15px;
}


/* Copy | Paste Features */

th span:hover {
    cursor:pointer;
    text-decoration:underline;
}


/* Login */
#login label 
{
   width: 200px;
   display: block;
}

/* Phase 2 Intro: */

#phase2_intro h3 {
    padding:0 0 0 0;
    margin:20px 0 0 0;
}

#phase2_intro a {
    color:blue;
}

.risk {
    color:red;
}

.good {
   color:green; 
n}


#google, #excel {
    border:2px solid black;
    text-align:center;
    font-size:110%;
    -moz-border-radius: 6px;
    border-radius: 6px;
    color:black;
    background-color:#EEEEEE;
    -moz-box-shadow: -3px 3px 10px #000000;
    box-shadow: -3px 3px 10px #000000;
    position:absolute;
    top:264px;
    padding:3px 5px 3px 5px;
}

#excel {
    left:200px;
}

#google:hover, #excel:hover{
    cursor:pointer;
    background-color:black;
    color:white;
    border:2px solid white;
}

#g{color:blue;}
#o1, #e{color:red;}
#o2{color:yellow;}
#l{color:green;}
#g,#o1,#o2,#l {text-shadow:0px 0px 1px black;}